
<meta charset="utf-8">
<img src = "tou01.jpg" id = "d3"/>
<br/>
<input type="button" value="上一张" id="d1"/>
<input type="button" value="下一张" id="d2"/>

<script>
    var i = 1;
    d2.onclick = function(){
        if(i>=4){
            i=3;
            alert("已经是最后一张图片了");
        }      
        i++;
        d3.src = "tou0"+i+".jpg";
       
    }
    d1.onclick = function(){
        if(i<=1){
            i=2;
            alert("已经是第一张图片了");
        }      
        i--;
        d3.src = "tou0"+i+".jpg";      
    }
</script>
